@media screen and (min-width: 901px) {
.small_screen_content {
		display: none;
}
.home h1{
	float: left;
	width: 46%;
	margin: 17% 2% 5% 2%;
	text-align: center;
	font-size: 2em;
	/*font-family: "Brush Script MT", cursive;/*makes them cursive in a special font*/
}

.white {
	background-color: white;
}
.active {
	background-color: #717171;
} 

.slides img {
	width: 50%;
}

.slides1 {
	backround-color: #FFFFFF;
}

.left-quote {
	width: 30%; /*sets the width of each featurette to 1/3*/
	float: left; /*floats each column left next to one another*/
	margin: 0 2% auto 2%;
	text-align: center;
}

.left-quote p {
	margin: 5% 0 2% 10%;
	font-size: 1.5em;
	padding: 0 5% 5% 5%;
}

.author-left {
	margin: auto auto auto 11%;
}

.middle-quote {
	width: 28%; /*sets the width of each featurette to 1/3*/
	float: left; /*floats each column left next to one another*/
	margin: auto 0 auto 0;
	text-align: center;
}

.middle-quote p {
	margin: 0;
	font-size: 1.5em;	
	padding: 5%;
}

.right-quote {
	width: 28%; /*sets the width of each featurette to 1/3*/
	float: left; /*floats each column left next to one another*/
	margin: auto 0 auto 4%;
	text-align: center;
}

.right-quote p {
	margin: 0 0 2% 0;
	font-size: 1.5em;	
	padding: 5%;
}

.accordion2 {
	margin: auto auto auto 43%;
}


.home-buttons {
	height: 150px;
}

.site-contents { /*helps with sticky footer*/
  flex: 1;
}
.tablet_content {
	display: none;
}
}
@media screen and (max-width: 500px) {

.home h1{
	float: left;
	width: 100%;
	margin: 5% 2% 5% 2%;
	text-align: center;
	font-size: 1em;
	/*font-family: "Brush Script MT", cursive;/*makes them cursive in a special font*/
}

.left-quote {
	width: 50%; /*sets the width of each featurette to 1/3*/
	float: none; /*floats each column left next to one another*/
	margin: 0 auto;
	text-align: center;
}

.left-quote p {
	margin: 0;
	font-size: 1.5em;
	padding: 0 5% 5% 5%;
}

.author-left {
	margin: auto;
}

.middle-quote {
	width: 50%; /*sets the width of each featurette to 1/3*/
	float: none; /*floats each column left next to one another*/
	margin: 0 auto;
	text-align: center;
}

.middle-quote p {
	margin: 0;
	font-size: 1.5em;	
	padding: 5%;
}

.right-quote {
	width: 50%; /*sets the width of each featurette to 1/3*/
	float: none; /*floats each column left next to one another*/
	margin: 0 auto;
	text-align: center;
}

.right-quote p {
	margin: 0;
	font-size: 1.5em;	
	padding: 5%;
}

.accordion2 {
	margin: auto auto auto 33%;
}

.big_screen_content {
		display: none;
	}
.tablet_content {
	display: none;
}


}
@media screen and (max-width: 900px) and (min-width: 501px) {
	.tablet_content {
		display: block;
	}
	
	.big_screen_content {
		display: none;
	}
.small_screen_content {
		display: none;
}
.medium_screen_content {
	display: none;
}
}